<div id="main">
    <div id="col1">
        <div id="col1_content" class="videoList" style="display: <?php echo $this->listDisplay ?>">

<?php
    // Nur Anzeigen wenn gesucht wird
    if(1 == 11){
?>
        <div class="headerAllClips">
            <a href="" title="">Insgesamt <span class="bold">999</span> Clips gefunden</a>
        </div>
<?php
    }else{
?>
        <h2>AKTUELLE EINTRÄGE</h2>
        <div class="scrollContent">
<?php
    }

        $i = 0;
        foreach($this->catResult AS $row){
            $i ++;
            if($row['vid_category_nid'] == $this->catId){
                $active = "active";
            }else{
                $active = "";
            }
?>
        <div class="imgList <?php echo $active ?>">
            <a href="home/<?php echo $row['vid_category_nid'] ?>/">
                <span class="imgBox">
                    <img src="<?php echo $this->videoCatImagePath.$row['vid_category_nid'] ?>.jpg" alt="" width="145" height="83" />

                </span>
                <span class="date">
                    <?php echo $this->date()->getDateGerman($row['vid_category_created']) ?><br/>
                    <?php echo $row['vCount'] ?> Clips
                </span>
                <span class="desc">
                    <h4><?php echo $row['bus_company_name'] ?></h4>
                    <h3><?php echo $row['vid_cat2lang_name'] ?></h3>
                    <span class="txtDesc">
                        <?php echo $row['vid_cat2lang_desc'] ?>
                    </span>
                    <span class="keywords">
                        <span class="blue">Keywords:</span> <?php echo preg_replace("/;/", ',', $row['vid_cat2lang_keywords']) ?>
                    </span>
                </span>
            </a>
        </div>
<?php
        }
?>
    </div>
    </div>

        <div id="col1_PlayCutcontent" class="clearfix" style="display: <?php echo $this->playerDisplay ?>">
            <div class="col1_innerContent">

                <p id="jw_player"></p>

                <div id="setInOutPoint"></div>

                <div id="config" style="display:none">
                    <div id="vId"></div>
                    <div id="inTime"></div>
                    <div id="tmpDuration"></div>
                </div>
                <div id="controllbar">
                    <div class="pause" onclick="jwplayer().play();"></div>
                    <div class="play" onclick="jwplayer().play();"></div>
                    <div class="in" onclick="playerObj.OutOrInButton(jwplayer().getPosition(), 'in')"></div>
                    <div class="playInToOut" onclick="playerObj.playInToOutPoint();"></div>
                    <div class="out" onclick="playerObj.OutOrInButton(jwplayer().getPosition(), 'out')"></div>
                    <div class="volumeBtn" onclick="jwplayer().setMute();"></div>
                    <div class="leftVolume"></div>
                    <div class="rightVolume"></div>
                    <div class="neuerClip" id="neuerClip"></div>
                </div>
                <div id="time">
                    <div class="inPointTime" id="inPointTime"><span onmousedown="playerObj.setEditInPlace();">00:00:00.0</span></div>
                    <div class="inOutPointLength"><!--<span class="textLength">Länge:</span>--><span class="totalPointsTime" id="totalPointsTime">00:00:00.0</span></div>
                    <div class="outPointTime" id="outPointTime"><span onmousedown="playerObj.setEditInPlace();">00:00:00.0</span></div>
                    <div id="volumeSliderMute"></div>
                    <div id="volumeSlider"></div>
                    <div class="changeClip"></div>
                </div>
            </div>

            <div id="playlist">
                <div class="playlistHead">
                    <p><strong>Projekt: </strong><span onmousedown="playerObj.setEditInPlace();" id="projectName">Unbekannt</span></p>
                    <div class="buttons">
                        <div class="vorschau" onclick="$.fn.newPlaylist();"></div>
                        <?php
                        if(Zend_Auth::getInstance ()->hasIdentity () == 1){
                            ?>
                            <div class="save" onclick="$.fn.saveProjectList(); return false; $.fn.createPlaylistFromJson(1);"></div>
                            <?php
                        }
                        ?>
                        <a href="export" onclick="$.fn.buildVideoObj();console.log('buildet')"><div class="export" ></div></a>
                    </div>
                </div>
                <div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
                    <div class="scroll-content">
                        <div class="sortable">
                            <ul id="sortable">
                                <!-- <li><div class="ready"><img onclick="jwplayer().seek(5);" src="img/ce/thumbDummyDragtable.jpg" width="96" height="53" alt="Formel 1" /></div><div class="delteBox"><p>02:12</p><div class="delteliBtn"></div></div></li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
                    <div class="scroll-bar"></div>
                </div>
            </div>
        </div>

    </div>
    <div id="col2" class="tile">

        <div id="col2_content" class="clearfix">
            <div class="menuCol2">
                <ul>
                    <li id="liClips" class="active"><a href="javascript:void(0);" onclick="$.fn.toggelClipNav('clips')">Clips</a></li>
                    <li id="liPClips"><a href="javascript:void(0);" id="liPClipsHref" onclick="$.fn.toggelClipNav('pclips')">Projekt Clips</a></li>
                </ul>
            </div>

            <div class="floatbox">
                <div class="switch">
                    <p class="list active"><span>Listenansicht</span></p>
                    <p class="tile"><span>Kachelansicht</span></p>
                </div>
            </div>

            <div class="scrollContent">

                <div class="clipBox">

                    <!-- CLIPS -->
                    <div class="clipsList" id="clipsList">
                        <div class="clipHeadline">
                            <div class="txt">
                                <h4><?php echo $this->metaData[0]['bus_company_name'] ?><span><?php //echo $this->date()->getDateGerman($row['vid_category_created']) ?></span></h4>
                                <h3><?php echo $this->metaData[0]['vid_cat2lang_name'] ?></h3>
                            </div>
                        </div>
<?php
                    $i = 0;
                    foreach($this->videoResult AS $row){
                        $i ++;
?>
                            <div class="clips">
                                <div class="thumClip">
                                    <img src="img/videothumbs/<?php echo $row['video_filename'] ?>.jpg" width="96" height="53" alt="Mercedes" />
                                    <div class="hdContainer"><span class="quali">HD+</span><span class="time"><?php echo date('H:i:s', mktime(0,0,$row['video_duration'],0,0,0)); ?> </span></div>
                                </div>
                                <div class="txt">
                                    <p class="subline"><?php echo $row['vid_video2lang_name'] ?></p>
                                    <p class="lang"><span>Sprache:</span> Deutsch + Englisch</p>
                                </div>
                                <div class="button">
                                    <script type="text/javascript">
                                        var playlist<?php echo $i ?> = [];
                                        playlist<?php echo $i ?>.push({'file':'<?php echo $this->frontendVideoPath.$row['video_filename'] ?>.mp4'});
                                    </script>
                                    <div class="downloadBtn" alt="Download">
                                        <div class="download">
                                            <ul>
                                                <li><a href="imagedb/dummy/dummy.zip" title="Download SD"><span>SD</span></a><a href="imagedb/dummy/dummy.zip" title="Download HD"><span>HD</span></a><a href="imagedb/dummy/dummy.zip" class="last" title="Download HD+"><span>HD+</span></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="playBtn" title="Play" onclick="$.fn.playVideoFromPlaylist(<?php echo $row['video_nid'] ?>, '<?php echo $this->frontendVideoPath.$row['video_filename'] ?>.mp4')"></div>
                                    <div class="rememberBtn" title="Merken" onclick="$.fn.setFavVideo(<?php echo $row['video_nid'] ?>);"></div> </div>
                                <div class="content">
                                    <p><?php echo $row['vid_video2lang_short_desc'] ?></p>
                                </div>
                            </div>
<?php
                    }
?>
                    </div>
                    <!-- CLIPS -->
                    <!-- ProjectList -->
                    <div class="projectList" id="projectList" >
<?php

                    $i = 0;
                    foreach($this->videoResultProjectList AS $row){
                        $i ++;
?>
                        <div class="clips" id="clipId<?php echo $row['video_nid'] ?>">
                            <div class="thumClip">
                                <img src="img/videothumbs/<?php echo $row['video_filename'] ?>.jpg" width="96" height="53" alt="Mercedes" />
                                <div class="hdContainer"><span class="quali">HD+</span><span class="time"><?php echo date('H:i:s', mktime(0,0,$row['video_duration'],0,0,0)); ?> </span></div>
                            </div>
                            <div class="txt">
                                <p class="subline"><?php echo $row['vid_video2lang_name'] ?></p>
                                <p class="lang"><span>Sprache:</span> Deutsch + Englisch</p>
                            </div>
                            <div class="button">
                                <script type="text/javascript">
                                    var playlist<?php echo $i ?> = [];
                                    playlist<?php echo $i ?>.push({'file':'<?php echo $this->frontendVideoPath.$row['video_filename'] ?>.mp4'});
                                </script>
                                <div class="downloadBtn" title="Download"></div>
                                <div class="playBtn" title="Play" onclick="$.fn.playVideoFromPlaylist(<?php echo $row['video_nid'] ?>, '<?php echo $this->frontendVideoPath.$row['video_filename'] ?>.mp4')"></div>
                                <div class="deleteBtn" title="Löschen" onclick="$.fn.unsetFavVideo('+json[0].video_nid+');"></div> </div>
                            <div class="content">
                                <p><?php echo $row['vid_video2lang_short_desc'] ?></p>
                            </div>
                        </div>
<?php
                    }
?>
                    </div>
                    <!-- ProjectList -->
                </div>
            </div>
        </div>
    </div>